<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>超市</title>
        <meta name="description" content="">
        <meta name="keywords" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="renderer" content="webkit">
        <meta http-equiv="Cache-Control" content="no-siteapp" />
        <link rel="icon" type="image/png" href="../../theme/default/images/favicon.png">
		<link href="css/amazeui.min.css" rel="stylesheet" type="text/css" />
		<link href="css/style.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script src="js/popup.mini.js"></script>
		<style>
			.shop-list-mid .tit a {
    color: #909090;
    font-size: 1.4rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}
		</style>
	</head>
	<body>
		<header data-am-widget="header" class="am-header am-header-default sq-head ">
			<div class="am-header-left am-header-nav">
				<a href="javascript:history.back()" class="">
					<i class="am-icon-chevron-left"></i>
				</a>
			</div>
			<h1 class="am-header-title">
  	            <a href="" class="">琳琅的店</a>
            </h1>
            <div class="am-header-right am-header-nav">
			    <a href="javascript:;" class="shop-sd">
                   <i class="iconfont">&#xe600;</i>
		        </a>
			</div>
	    </header>
	    <div style="height: 49px;"></div>
	    <div class="adv">
	    	 <i class="iconfont">&#xe601;</i>店铺公告：欢迎光临！
	    </div>

	    <div class="banner"><img src="images/banner1.png"/></div>
	    <div class="cate-search2">
	    	<input type="text" class="cate-input1" placeholder="请输入您要搜索的产品关键词" />
	    	<input type="button" class="cate-btn1" />
	    </div>
	    <ul class="list-nav1">
	    	<li class="current"><a href="">综合</a></li>
	    	<li><a href="">销量</a></li>
	    	<li><a href=""><i class="list-price">价格</i></a></li>
	    	<li><a href="">新品</a></li>
	    </ul>
	    <ul class="list-pro">
	    	<li>
	    		<a href="detail.html"><img src="images/test10.png" class="list-pic1" /></a>
	    		<div class="shop-list-mid" style="width: 65%;">
                	<div class="tit"><a href="detail.html">法国加力果12个装 进口新鲜水果 嘎啦苹果 包邮</a></div>
                	<div class="am-gallery-desc">￥52</div>
                	<p>销量：5件</p>
                </div>
                <div class="list-cart">
	                <div class="d-stock ">
			                <a class="decrease">-</a>
			                <input id="num" readonly="" class="text_box" name="" type="text" value="0">
			                <a class="increase">+</a>
	                </div>
                </div>
                <!--<a href="" class="list-cart"><img src="images/cart.png" width="30"/></a>-->
	    	</li>
	    	<li>
	    		<a href="detail.html"><img src="images/test10.png" class="list-pic1" /></a>
	    		<div class="shop-list-mid" style="width: 65%;">
                	<div class="tit"><a href="detail.html">法国加力果12个装 进口新鲜水果 嘎啦苹果 包邮</a></div>
                	<div class="am-gallery-desc">￥52</div>
                	<p>销量：5件</p>
                </div>
                <div class="list-cart">
                <div class="d-stock ">
		                <a class="decrease">-</a>
		                <input id="num" readonly="" class="text_box" name="" type="text" value="0">
		                <a class="increase">+</a>
                </div>
                </div>
                <!--<a href="" class="list-cart"><img src="images/cart.png" width="30"/></a>-->
	    	</li>
	    	<li>
	    		<a href="detail.html"><img src="images/test10.png" class="list-pic1" /></a>
	    		<div class="shop-list-mid" style="width: 65%;">
                	<div class="tit"><a href="detail.html">法国加力果12个装 进口新鲜水果 嘎啦苹果 包邮</a></div>
                	<div class="am-gallery-desc">￥52</div>
                	<p>销量：5件</p>
                </div>
                <div class="list-cart">
                <div class="d-stock ">
		                <a class="decrease">-</a>
		                <input id="num" readonly="" class="text_box" name="" type="text" value="0">
		                <a class="increase">+</a>
                </div>
                </div>
                <!--<a href="" class="list-cart"><img src="images/cart.png" width="30"/></a>-->
	    	</li>
	    	
	    </ul>
	   <div class="fix-bot">
	   	  <div class="fix-bot-cart"><i>8</i></div>
	   	  <a href="tureorder.html" class="list-js">去结算</a>
	   	  <a href="tureorder.html" class="list-jsk">一键快购</a>
        </div>
        <!--店铺弹出框-->
		<div class="shop">
			<div class="popup-close"><i class="iconfont">&#xe602</i></div>
			<div class="mem-pic">
                 <div class="mem-pic-bg" style="background: url(images/tx1.png) top center;"></div>				  
			</div>
			<div class="tit">琳琅的店</div>
			<p class="num">45件商品</p>
			<div class="text">
				<p>店铺公告：欢迎光临！各类商品尽情挑选</p>
				<p>配送方式：配送到楼下</p>
				<p>联系方式：下单可见</p>
			</div>
			<ul class="times">
				<li>
					<p>起送价</p>
					<p><span class="yanse">3</span>/元 </p>
				</li>
				<li>
					<p>营业时间</p>
					<p><span class="yanse">21:00-23:00</span> </p>
				</li>
				<li>
					<p>配送时间</p>
					<p><span class="yanse">5</span>分钟</p>
				</li>
			</ul>
			<div class="fu">
				<i>付</i>
				<span>本店支持支付宝，微信在线支付、余额支付</span>
			</div>
		</div>
		<!--店铺弹出框-->
<script src="js/jquery.min.js"></script>
<script src="js/amazeui.min.js"></script>
<script>
//购物数量加减
$(function(){
		$('.increase').click(function(){
			var self = $(this);
			var current_num = parseInt(self.siblings('input').val());
			current_num += 1;
			if(current_num > 0){
				self.siblings(".decrease").fadeIn();
				self.siblings(".text_box").fadeIn();
			}
			self.siblings('input').val(current_num);
			update_item(self.siblings('input').data('item-id'));
		})		
		$('.decrease').click(function(){
			var self = $(this);
			var current_num = parseInt(self.siblings('input').val());
			if(current_num > 0){
				current_num -= 1;
                if(current_num < 1){
	                self.fadeOut();
					self.siblings(".text_box").fadeOut();
                }
				self.siblings('input').val(current_num);
				update_item(self.siblings('input').data('item-id'));
			}
		})
	})

</script>
<script type='text/javascript'>
	(function(){
		 new PopUp_api({el:'.shop-sd',html:'.shop'});
	})()
</script>
	</body>
</html>
